<template>
  <div class="useryx-iframe">
    <NavBarVue :title="data.title" />
    <iframe
      :src="data.data"
      class="content-top"
      height="100%"
      width="100%"
      style="border: none"
    ></iframe>
  </div>
</template>

<script>
import NavBarVue from "@/components/NavBar.vue";
export default {
  name: "BannerWeb",
  components: {
    NavBarVue,
  },
  mounted() {
    this.data = this.$route.params.data;
  },
  // 定义属性
  data() {
    return {
      data: {},
    };
  },
  // 方法集合
  methods: {},
};
</script>

<style lang="less">
@import "vant/lib/nav-bar/index.less";
@import "@/assets/css/common.less";

.useryx-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - @nav-bar-height);
  background-color: #fff;
}
</style>
